<template>
    <div>
        <p class="header">测井数据录入</p>
        <!-- 测井数据录入 -->
        <el-row>
            <el-form :inline="true" >
                <el-col :sm="8" :md="8" :lg="4" :xl="3">
                    <el-form-item>
                     <el-input placeholder="请填写井名"  clearable maxlength="20" />
                    </el-form-item>
                </el-col>

                <el-col :sm="4" :md="4" :lg="2" :xl="1">
                    <el-form-item>
                        <el-button type="primary" >查询</el-button>
                    </el-form-item>
                </el-col>

                <el-col :sm="4" :md="4" :lg="2" :xl="1">
                    <el-form-item>
                        <el-button type="success" >新增</el-button>
                    </el-form-item>
                </el-col>
            </el-form>


        </el-row>

         <el-row >
            <el-table
                :data="tableData"
                border
                style="width: 100%; font-size: 10px"
                :max-height="tableHeight"               
            >
                <el-table-column
                    
                    label= "井名"
                    prop="head1"
                    width="100"
                    align="center"
                    fixed="left"
                />

                 <el-table-column
                    
                    label= "曲线名"
                    prop="head2"
                    width="100"
                    align="center"
                    fixed="left"
                />

                 <el-table-column
                    
                    label= "统计井段"
                    prop="head3"
                    width="100"
                    align="center"
                    fixed="left"
                />

                <el-table-column
                    
                    label= "单层最小统计厚度"
                    prop="head4"
                    width="100"
                    align="center"
                    fixed="left"
                />

                <!-- <el-table-column label="操作">
                    <template >
                        <el-button type="primary" size="mini" >编辑</el-button>
                        <el-button type="danger" size="mini" >删除</el-button>
                    </template>
                </el-table-column> -->
            </el-table>
         </el-row>

         <p class="header">分层统计表</p>
         <el-row >
            <el-table
                :data="tableData2"
                border
                style="font-size: 10px"
                :max-height="tableHeight"               
            >
                <el-table-column
                    
                    label= "id"
                    prop= "head1"
                    width="100"
                    align="center"
                    fixed="left"
                />

                 <el-table-column
                    
                    label= "统计井段"
                    prop="head2"
                    width="100"
                    align="center"
                    fixed="left"
                />

                 <el-table-column
                    
                    label= "统计厚度"
                    prop="head3"
                    width="100"
                    align="center"
                    fixed="left"
                />

                <el-table-column
                    
                    label= "评价"
                    prop="head4"
                    width="100"
                    align="center"
                    fixed="left"
                />

                <!-- <el-table-column label="操作">
                    <template >
                        <el-button type="primary" size="mini" >编辑</el-button>
                        <el-button type="danger" size="mini" >删除</el-button>
                    </template>
                </el-table-column> -->
            </el-table>
         </el-row>

  
    </div>
</template>

<script>
export default{

      data() {
        return {
          p:['head1','head2','head3','head4'],
          tableData:[{
              head1: "双探106",
              head2 : "GBL3",
              head3: "4029--5539",
              head4: "1.00",

            
          },{
              head1: "双探106",
              head2 : "GBL3",
              head3: "4029--5539",
              head4: "1.00",

            
          }],
          tableData2:[{
              head1: "1",
              head2 : "4029--5539",
              head3: "4.25",
              head4: "优",
         
          },{
              head1: "2",
              head2 : "4029--5539",
              head3: "4.25",
              head4: "优",
         
          },{
              head1: "3",
              head2 : "4029--5539",
              head3: "4.25",
              head4: "优",
         
          }],
          
        }
      }
    
}
</script>

<style scoped>
.header {
   
    color:black;
    margin-bottom: 10px;
    text-align:left;
    font-size: 17px;
    background-color: #eef0f6;
    font-weight: 400;
    letter-spacing: 0px;
    height: 27px;
    padding: 5px 10px;
}
 /* p{
     font-weight: 600;
     margin-top:10px;
     margin-bottom: 10px;
 } */
</style>
